<template>
  <PageMain>
    <template #header></template>
    <template #body>
      <div class="org-main">
        <a-tabs :default-active-key="activeKey" @change="handleChange">
        <a-tab-pane key="1" title="系统组织">
          <SysOrgview type="1"></SysOrgview>
        </a-tab-pane>
        <a-tab-pane key="2" title="外部机构">
          <OutOrgview type="2"></OutOrgview>
        </a-tab-pane>
        </a-tabs>
      </div>
    </template>
  </PageMain>
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import PageMain from '@/components/PageBox.vue';
import SysOrgview from './components/SysOrgview.vue'
import OutOrgview from './components/OutOrgview.vue'

const activeKey = ref('1')

const handleChange = (e) => {
  activeKey.value = e
}

onMounted(() => {
})
</script>
<style lang="less">
.arco-input-wrapper, .arco-select-view-single, .arco-picker, .arco-textarea{
  background: #fff;
  border: 1px solid #D3DBEB;
  border-radius: 4px;
}
</style>
<style lang="less" scoped>
:deep(.arco-tabs-content) {
  padding-top: 0;
}
.org-main {
  padding: 0 24px;
}
</style>